<script>
    import MainContent from "../libs/MainContent.svelte";
    import MainMenu from "../libs/MainMenu.svelte";
    import Modal from '../libs/components/Modal.svelte';
</script>

<div id="main-body">
    <div class="bg">

    </div>
    <slot></slot>
</div>

<Modal />

<style>
    .bg {
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100vw;
        height: 100vh;
        background-color: #f5f5f5;
        background-image: url("/bg.png");
        object-fit: cover;
        background-size: cover;
        background-repeat: no-repeat;
        /*  亮度调低点*/
        filter: brightness(.8);
    }
</style>